/* 달력 */
.cal_wrap{
    width:80%;
    max-width:400px !important; 
    margin:auto;
}
.cal_wrap .cal_nav{
    display:flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    margin:0 auto 20px;
}
.cal_nav{
    max-width:300px;
}
.cal_wrap .cal_nav .nav_btn{
    width:24px;
    height:24px;
    font-size:0;
    margin-top:10px;
}
.cal_wrap .cal_nav .nav_btn.prev{
    background:url(/common/images/ico-prev.svg?v=1) center no-repeat;
    background-size:23px;
}
.cal_wrap .cal_nav .nav_btn.next{
    background:url(/common/images/ico-next.svg?v=1) center no-repeat;
    background-size:23px;
}
.cal_wrap .cal_nav .year_month{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin:auto;
}
.cal_wrap .cal_nav .year_month p{
    font-size:21px;
    color:#222;
    font-weight: 700;
    margin:0 10px 0 0;
    position:relative;
}
.cal_wrap .cal_nav .year_month p:after{
    content:".";
    position:absolute;
    right:-8px;
    bottom:0;
    font-size:21px;
}
.cal_wrap .cal_nav .year_month h3{
    font-size:21px;
    font-weight: 700;
    color:#222;
    margin-bottom:0;
    border-bottom:0;
    padding-bottom:0;
}
.cal_wrap .days{
    width:100%;
    display:flex;
    flex-wrap:wrap;
}
.cal_wrap .week_days div.day,
.cal_wrap .days_day div.day{
    width:calc(100% / 7);
    font-size:15px;
    color:#222;
    font-weight: 500;
    text-align:center;
    padding:10px 0;;
}

.cal_wrap .days div.day.disable{
    opacity: 0;
}
.cal_wrap .days div.day.rest,
.cal_wrap .days div.day.sun{
    color:#fc3b30!important;
}

/* .cal_wrap .days{
    display:block;
} */
.cal_wrap .week_days{
    width:100%;
    display:flex;
}
.cal_wrap .days .day span{
    width:24px;
    height:24px;
    line-height:24px;
    display:block;
    margin:auto;
    border-radius: 50%;;
}
.cal_wrap .days .day.today{}
.cal_wrap .days .day.today span{
    color:#222;
    background:#fff;
    position:relative;
}
.cal_wrap .days .day.today span:after{
    content:"";
    width:100%;
    height:4px;
    background:#388cff;
    position:absolute;
    left:0;
    bottom:-5px;
}

/* .cal_wrap .days_day div.day.on span
{
    background:#f47321;
    color:#fff;
}
.cal_wrap .days .day.holiday span,
.cal_wrap .days .day.rest span{
    color:#fc3b30;
    background:#fdedec;
}
 */

.cal_wrap .rest_day{
    display:flex;
    justify-content: flex-end;
    gap:10px;
    width:100%;
    margin-top:10px;
    padding-right:20px;
}
.cal_wrap .rest_day li{
    font-size:13px;
    color:#555;
}
.cal_wrap .rest_day li span{  
    display:inline-block;
    width:8px;
    height:8px;
    border-radius: 50%;;
}
.cal_wrap .rest_day li.today span{
    background:#388cff;
}
.cal_wrap .rest_day li.holiday span{
    background:#fc3b30;
}
.calendarBox{
    margin-bottom:20px;
}
/* //달력 */

.popWrap_scroll{
    height:70vh;
    overflow-y: scroll;
}
.popWrap_scroll::-webkit-scrollbar{
    width:5px;
}
.popWrap_scroll::-webkit-scrollbar-thumb{
    background:var(--graydd);
    border-radius: 5px;;
}

.holidayBox{
    width:100%;
}
.holidayBox .holiday_list{
    padding:20px;
    text-align: center;
    background:var(--whitef1);
    border-radius: 20px;
}
.holidayBox .holiday_list h4{
    font-size:15px;
    color: var(--gray44);
    margin-bottom:5px;
}
.holidayBox .holiday_list p{
    font-size:15px;
    color: var(--gray44);
    line-height: 1.3;
}
.holidayBox .holiday_list p span{
    display:inline-block;
}
.holidayBox .holiday_detail{
    margin-bottom:20px;
}
.holidayBox .holiday_detail li.holiday_tit{
    font-size:15px;
    color:var(--black22);
    margin-bottom:8px;
    font-weight: 500;
    position:relative;
    padding:0 0 0 12px;
    text-align: left;
    word-break: keep-all;
    line-height: 1.3;
}
.holidayBox .holiday_detail li.holiday_tit:before{
    content:'';
    width:8px;
    height:8px;
    border-radius: 4px;;
    background:var(--black22);
    position:absolute;
    left:0;
    top:12px;
    transform: translateY(-50%);
}
.holidayBox .holiday_detail li:last-of-type dl.noneGap{
    gap:0;
}
.holidayBox .holiday_detail li dl,
.holidayBox .holiday_detail li:last-of-type dl{
    display: flex;
    align-items: center;
    gap:0px;
    flex-wrap:wrap;
}
.holidayBox .holiday_detail li dl dt,
.holidayBox .holiday_detail li:last-of-type dl dt{
    /* width:80px; */
    width:auto;
    font-size:14px;
    color:var(--balck22);
    font-weight: 500;
    margin-bottom:0px;
    line-height:1.3;
    margin-right:5px;
}
.holidayBox .holiday_detail li dl dd,
.holidayBox .holiday_detail li:last-of-type dl dd{
    width: auto;
    font-size:14px;
    color: var(--gray44);
    line-height: 1.3;
    text-align: left;
    display: flex;;
}
<<<<<<< HEAD
=======
.holidayBox .holiday_detail li dl dd .non_fixed p{
    margin-right:5px;
}
>>>>>>> 9fd6194ca48f390d3dceda1b50454b65ce6148b0
.holidayBox .holiday_detail li dl dd p,
.holidayBox .holiday_detail li:last-of-type dl dd p{
    display:inline-block;
    font-size:14px;
    color: var(--gray66);
    line-height: 1.5;
}
.holidayBox .holiday_detail li dl dd span,
.holidayBox .holiday_detail li:last-of-type dl dd span{
    margin-left:6px;
    display: inline-block;
    line-height: 1.5;
}
.holidayBox .holiday_detail li.pd_left{
    padding-left:12px;
}
.holidayBox .holiday_detail li.pd_left.flex{
    align-items: center;
    flex-wrap:wrap;
    gap:5px;
}

.holidayBox .holiday_detail li.pd_left dl{

    margin-bottom:0;

}
.holidayBox .holiday_detail li.holidayMark.holiday_tit:before{
    display:none;
}
.holidayMark{
    position:relative;
}
.holidayBox .holiday_detail.holidayMark li dl dd .non_fixed p,
.holidayBox .holiday_detail.holidayMark li.pd_left dl dd{
    color: #fc3b30 !important;
}
.holidayBox .holiday_detail.holidayMark li.holiday_tit{
    font-size:15px;
    color:var(--black22);
    margin-bottom:8px;
    font-weight: 500;
    position:relative;
    padding:0 0 0 12px;
    text-align: left;
    word-break: keep-all;
    line-height: 1.3;
}
.holidayBox .holiday_detail.holidayMark li.holiday_tit:before{
    content:'';
    width:8px;
    height:8px;
    border-radius: 4px;;
    background:#fc3b30;
    position:absolute;
    left:0;
    top:12px;
    transform: translateY(-50%);
}
.holidayBox .holiday_detail.holidayMark li.holiday_tit p{
    font-size:13px;
    text-decoration: underline;
}
.holidaylink{
    font-size:13px !important;
    text-decoration: underline;
    margin-left:8px;
    color: var(--gray8e);
}
.allHoliday{
    height:310px;
    overflow-y: scroll;
}
.allHoliday h4{
    font-size:16px;
    color: var(--balck22);
    font-weight: 600;
    margin-bottom:20px;
    padding-bottom:5px;
    text-align: center;
    border-bottom:1px solid var(--graydd);
}
.allHoliday_list li{
    font-size:15px;
    margin-bottom:20px;
}